<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"> 

<h:head>
<h:outputStylesheet library="css" name="bootstrap/css/bootstrap.css"/>
</h:head> 
<head>
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css"></link>
</head>


<body> 
<div class="navbar  navbar-inverse">
  <div class="navbar-inner">
    <div class="container">
 	  
     
      <!-- Be sure to leave the brand out there if you want it shown -->
      <a class="brand" href="index.faces">ERP Solution Team </a>
 
      <!-- Everything you want hidden at 940px or less, place within here -->
      <div class="nav-collapse">
       
        <ul class="nav">
	  		<li class="active"><a href="index.faces">Home</a></li>
	 	 	<li><a href="#">News</a></li>
	  		<li><a href="#">About Us</a></li>
	  		<li><a href="#">Description</a></li>
	  		<li><a href="Presentation.faces">Presentations</a></li>
	  		<li><a href="#">Job offer</a></li>
	  		
		</ul>
		
		
      <form class="navbar-search pull-right">
 		 <input type="text" class="search-query" placeholder="Search"/>
		</form>
        <!-- .nav, .navbar-search, .navbar-form, etc -->
      </div>
 
    </div>
  </div>
</div>

<div class="pagination pagination-center">
<button class="span9" style="margin-left: 10%;" >
<h:form styleClass="form-horizontal">
		<div style="background-color:#660099; width: 110%; margin-left:-1%;" >
			<table>
				<tr>
					<td align="left">
<img src="images/user.png" width="100" alt="" class="pull-right"/>
					</td>
					<td align="left">
						<font color="#FFF"><h:outputText value="#{CVManaged.findCv().name}" />&nbsp;<h:outputText value="#{CVManaged.findCv().prenom}" />&nbsp;<br/><h:outputText value="#{CVManaged.findCv().rue}" />&nbsp;<h:outputText value="#{CVManaged.findCv().ville}" />&nbsp;<br/><h:outputText value="#{CVManaged.findCv().email}" />&nbsp;</font>
					</td>
					<td align="right" class="pull-right"><h3 align="right"><h:outputText value="#{CVManaged.findCv().extitle}" />&nbsp;</h3><h4 align="right"><h:outputText value="#{CVManaged.findCv().exdate}" />&nbsp; Experiences</h4>
					</td>
				</tr>
			</table>
		</div>
		<br/>
		<div style="background-color:#660099; margin-right: -2%; border-radius:20px 0px 20px 0px;" class="pull-right span4" >
		<h5 align="left">&nbsp;&nbsp;<i class="icon-file icon-white"></i><font color="#FFF">Formations</font></h5>
		</div>
		<hr style="border-color: #660099"/>
		<h6 align="left"><u><h:outputText value="#{CVManaged.findCv().annee}" />&nbsp;: <h:outputText value="#{CVManaged.findCv().titre}" />&nbsp;</u></h6>
			<small><p align="left">
				<h:outputText value="#{CVManaged.findCv().fordescr}" />&nbsp;
			</p></small>
		<div style="background-color:#660099; margin-left: -2%; border-radius:0px 20px 0px 20px;" class="pull-left span4" >
		<h5 align="left">&nbsp;&nbsp;<i class="icon-thumbs-up icon-white"></i><font color="#FFF">Competences</font></h5>
		</div>
		<hr style="border-color: #660099"/>
		<div>
		<br/>
		<table class="table-condensed table-hover">
		<tr>
			<td>
			<h6 align="left">Industrial:</h6></td><td align="left"><small><h:outputText value="#{CVManaged.findCv().compind}" />&nbsp;</small>
			</td>
		</tr>
		<tr>
			<td><h6 align="left">Data processing:</h6></td><td align="left"><small><h:outputText value="#{CVManaged.findCv().compinf}" />&nbsp;</small></td>
		</tr>
		<tr>
			<td><h6 align="left">Financial:</h6></td><td align="left"><small><h:outputText value="#{CVManaged.findCv().compfina}" />&nbsp;</small></td>
		</tr>
		<tr>
			<td><h6 align="left">Linguistic:</h6></td><td align="left"><small><h:outputText value="#{CVManaged.findCv().compling}" />&nbsp;</small></td>
		</tr>
		</table>
		</div>
		<div style="background-color:#660099; margin-right: -2%; border-radius:20px 0px 20px 0px;" class="pull-right span4" >
		<h5 align="left">&nbsp;&nbsp;<i class="icon-briefcase icon-white"></i><font color="#FFF">Experiences</font></h5>
		</div><hr style="border-color: #660099"/>
		<small><p align="left"><b><h:outputText value="#{CVManaged.findCv().extitle}" />&nbsp;</b><h:outputText value="#{CVManaged.findCv().exdate}" />&nbsp;</p></small><br/>
	</h:form>
	
</button>	
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<h:link outcome="Makers" value="Back" styleClass="btn btn-large btn-primary span2"/>
		
</div>
<script type="text/javascript" language="javascript" src="jQ/jquery.js"></script>
		<script type="text/javascript" language="javascript" src="bootstrap/js/bootstrap.js"></script>
		<script type="text/javascript" language="javascript" src="jQ/index.js"></script>
</body> 
</html>
